<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/9/24
  Time: 22:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="../../plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../css/buyCar.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/footer.css">
</head>
<body>

<!--nav开始-->
<div id="nav_my"></div>
<br>
<!--nav结束-->

<!--面包屑 开始-->
<div class="container">
    <div class="row">
        <ul class="breadcrumb">
            <li><a href="#">精翼二手车</a></li>
            <li><a href="in">首页</a></li>
            <li><a href="#">我要买车</a></li>
        </ul>
        <div style="float: right ;width: 25%;">
            <form class="bs-example bs-example-form" role="form">
                <div class="input-group">
                    <input type="text" class="form-control">
                    <span class="input-group-addon">搜索</span>
                </div>
            </form>
        </div>
    </div>
</div>
<!--面包屑 结束-->

<!--筛选 开始-->
<div class="container">
    <div class="row">
        <table class="select">
            <tr class="tr_one">
                <td class="td_one">品牌</td>
                <td>
                    <ul>
                        <li> <a class="on" href="#">不限</a></li>
                        <li>  <a  class="" href="#" title="大众二手车"> 大众 </a></li>
                        <li> <a  class="" href="#" title="奔腾二手车"> 奔腾 </a></li>
                        <li>  <a  class="" href="#" title="现代二手车"> 现代 </a></li>
                        <li>  <a  class="" href="#" title="丰田二手车"> 丰田 </a></li>
                        <li>   <a  class="" href="#" title="奥迪二手车"> 奥迪 </a></li>
                        <li>   <a  class="" href="#" title="日产二手车"> 日产 </a></li>
                        <li>   <a  class="" href="#" title="五菱二手车"> 五菱 </a></li>
                        <li>   <a  class="" href="#" title="福特二手车"> 福特 </a></li>
                        <li>    <a  class="" href="#" title="铃木二手车"> 铃木 </a></li>
                        <li>   <a  href="#" title="上汽大通二手车"> 上汽大通 </a> </li>
                        <li class="li_last">
                            <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">更多</button>
                        </li>
                        <br>
                        <div class="demo collapse" id="demo" class="demo collapse"  aria-expanded="false" style="height: 0">
                            <a href="#" title="宝骏二手车"> 宝骏 </a>
                            <a  href="#" title="宝马二手车"> 宝马 </a>
                            <a  href="#" title="保时捷二手车"> 保时捷 </a>
                            <a  href="#" title="北京二手车"> 北京 </a>
                            <a  href="#" title="北汽二手车"> 北汽 </a>
                            <a  href="#" title="北汽幻速二手车"> 北汽幻速 </a>
                            <a href="#" title="北汽绅宝二手车"> 北汽绅宝 </a>
                            <a  href="#" title="奔驰二手车"> 奔驰 </a>
                            <a href="#" title="奔腾二手车"> 奔腾 </a>
                            <a  href="#" title="本田二手车"> 本田 </a>
                            <a  href="#" title="标致二手车"> 标致 </a>
                            <a  href="#" title="别克二手车"> 别克 </a>
                            <a  href="#" title="比亚迪二手车"> 比亚迪 </a>
                            <a  href="#" title="大发二手车"> 大发 </a>
                            <a  href="#" title="道奇二手车"> 道奇 </a>
                            <a  href="#" title="大众二手车"> 大众 </a>
                            <a  href="#" title="东风二手车"> 东风 </a>
                            <a  href="#" title="东风风度二手车"> 东风风度 </a>
                            <a  href="#" title="东风风神二手车"> 东风风神 </a>
                            <a  href="#" title="东风风行二手车"> 东风风行 </a>
                            <a  href="#" title="东风小康二手车"> 东风小康 </a>
                            <a  href="#" title="东南二手车"> 东南
                            </a> <a  href="#" title="DS二手车"> DS </a>
                            <a  href="#" title="哈飞二手车"> 哈飞 </a>
                            <a  href="#" title="哈弗二手车"> 哈弗 </a>
                            <a href="#" title="海马二手车"> 海马 </a>
                            <a href="#" title="红旗二手车"> 红旗 </a>
                            <a  href="#" title="黄海二手车"> 黄海 </a>
                            <a  href="#" title="华普二手车">  华普 </a>
                            <a href="#" title="华泰二手车"> 华泰 </a>
                            <a  href="#" title="Jeep二手车"> Jeep </a>
                            <a  href="#" title="江淮二手车"> 江淮 </a>
                            <a  href="#" title="江铃二手车"> 江铃 </a>
                            <a href="#" title="捷豹二手车"> 捷豹 </a>
                            <a  href="#" title="吉利二手车"> 吉利 </a>
                            <a  href="#" title="金杯二手车"> 金杯 </a>
                            <a  href="#" title="九龙二手车"> 九龙 </a>

                            <a  href="#" title="双龙二手车"> 双龙 </a>
                            <a  href="#" title="斯巴鲁二手车"> 斯巴鲁 </a>
                            <a  href="#" title="斯柯达二手车"> 斯柯达 </a>
                            <a  href="#" title="思铭二手车"> 思铭 </a>
                            <a  href="#" title="Smart二手车"> Smart </a>
                        </div>

                    </ul>
                </td>
            </tr>

            <tr class="tr_two">
                <td class="td_one">车系</td>
                <td>
                    <ul>
                        <li><a href="">不限</a></li>
                        <li><a>朗逸</a></li>
                        <li><a>速腾</a></li>
                        <li><a>大众POLO</a></li>
                        <li><a>高尔夫</a></li>
                        <li><a>宝来</a></li>
                        <li><a>迈腾</a></li>
                        <li><a>捷达</a></li>
                        <li><a>福克斯</a></li>
                        <li class="li_last">
                            <button type="button" class="btn btn-info btn-default collapsed" data-toggle="collapse" data-target="#demo2" aria-expanded="false">更多</button>
                        </li>
                        <br>
                        <div class="demo collapse" id="demo2" class="demo collapse"  aria-expanded="false" style="height: 0">
                            <a  class="" href="#" title="二手奔腾B70"> 奔腾B70 </a>
                            <a  class="" href="#" title="二手福克斯"> 福克斯 </a>
                            <a class="" href="#" title="二手哈弗H6"> 哈弗H6 </a>
                            <a  class="" href="#" title="二手菱智"> 菱智 </a>
                            <a  class="" href="#" title="二手高尔夫"> 高尔夫 </a>
                            <a  class="" href="#" title="二手五菱宏光"> 五菱宏光 </a>
                            <a  class="" href="#" title="二手马自达6"> 马自达6 </a>
                            <a  class="" href="#" title="二手奔腾X80"> 奔腾X80 </a>
                            <a  class="" href="#" title="二手奔腾B50"> 奔腾B50 </a>
                            <a  class="" href="#" title="二手奥迪A6L"> 奥迪A6L </a>
                            <a  class="" href="#" title="二手科鲁兹"> 科鲁兹 </a>
                        </div>
                    </ul>
                </td>
            </tr>

            <tr class="tr_three">
                <td class="td_one">价格</td>
                <td>
                    <ul>
                        <li><a href="">不限</a></li>
                        <li><a href="">3万以下</a></li>
                        <li><a href="">3-5万</a></li>
                        <li><a href="">5-7万</a></li>
                        <li><a href=""> 7-9万</a></li>
                        <li><a href=""> 9-12万</a></li>
                        <li><a href=""> 12-16万</a></li>
                        <li><a href=""> 16-20万</a></li>
                        <li><a href="">20万以上</a></li>
                        <li>
                            <label>
                                <input type="text" value="" data-default-value="0" size="4" class="js-begin" maxlength="3" id="my_price_b" name="b">
                            </label>
                            <label><i class="input-line">-</i></label>
                            <label>
                                <input type="text" value="" data-default-value="999" size="4" class="js-end" maxlength="3" id="my_price_e" name="e">
                            </label>
                            <label class="input-unit">万</label>
                            <label><a gjalog="" href="#" class="input-btn js-btn">筛选</a></label>

                        </li>

                    </ul>
                </td>
            </tr>

            <tr class="tr_four">
                <td class="td_one">更多</td>

                <td>
                    <ul>
                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown">变速箱
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">不限</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">手动</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">自动</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu7" data-toggle="dropdown">排放标准
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">不限</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">国二及以上</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">国三及以上</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">国四及以上</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">国五</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu8" data-toggle="dropdown">燃油类型
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">不限</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">汽油</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">柴油</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">电动</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">其他</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu5" data-toggle="dropdown">排量
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">不限</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">1.0L以下</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">1.0-1.6L</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 1.6-2.0L </a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 2.0-3.0L</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 3.0L以上 </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu6" data-toggle="dropdown">行驶里程
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">不限</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">黑色</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">白色</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">银灰色 </a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 深灰色</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 橙色</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">绿色 </a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 蓝色</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 其它</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">两厢轿车</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">三厢轿车</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">跑车</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">SUV</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">MPV</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown">座位
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">2座</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">4座</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">5座</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">6座 </a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 7座及以上</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown">行驶里程
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">不限</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">1万公里内</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">3万公里内</a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#">5万公里内 </a>
                                    </li>
                                    <li role="presentation">
                                        <a role="menuitem" tabindex="-1" href="#"> 5万公里以上</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </td>
            </tr>
        </table>
        <br>
        <p style="margin-top: 5px">在 "苏州二手车" 中为您找到47066辆好车</p>
        <br>
    </div>
</div>
<!--筛选 结束-->

<!--导航栏2开始-->

<!--导航栏2结束-->

<!--缩略图开始-->
<div class="container">
    <div class="row carcc">
        <ul class="nav nav-pills">
            <li class="first"><a href="#" >全部</a></li>
            <li> <a href="#" title="" >最新发布 </a> </li>
            <li> <a href="#" title="">付三成<i class="glyphicon glyphicon-arrow-up"></i> </a> </li>
            <li> <a href="#" title="">准新车<i class="glyphicon glyphicon-arrow-up"></i> </a> </li>
        </ul>

        <ul class="up">
            <li style=" width: 6%;">
                <input type="checkbox" id="carage">
                <label for="carage">车龄<i class="glyphicon glyphicon-arrow-up"></i> </label>
            </li>
            <li>|</li>
            <li style="  width:6%;">
                <input type="checkbox" id="licheng">
                <label for="licheng">里程</label>
            </li>
            <li>|</li>
            <li style="width: 6%;" >
                <input type="checkbox" id="price">
                <label for="price">价格<i class="glyphicon glyphicon-arrow-up"></i> </label>
            </li>
        </ul>
        <br>
        <hr>

        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="../../images/car1.png"
                     alt="" style="width: 80%;">
                <div class="caption car_info ">
                    <a href="../carDesc/infor.jsp" style="text-decoration: none">现代ix25 2015款 1.6L 自动两驱智能型GLS</a>
                    <span>2015年 | 7.0万公里</span>
                    <br>
                    <p style="margin-top: 5px">价格8.5万&nbsp;&nbsp;<del class="text-danger">15.5万</del></p>
                </div>
            </div>
        </div>

    </div>
</div>
<!--缩略图结束-->

<!--</div>-->

<!--分页开始-->
<div class="container">
    <div class="row" style="text-align: center">
        <ul class="pagination">
            <li><a href="#">&laquo;</a></li>
            <li class="active"><a href="#">1</a></li>
            <li class="disabled"><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>
</div>
<!--分页结束-->

<!--footer-->
<div id="footer">

</div>
<!--footer-->

<script src="../../js/jquery-3.4.1.js"></script>
<script src="../../plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script>
    $(function(){
        $("#nav_my").load("../common/nav.jsp");
    })

    $(function(){
        $("#footer").load("../common/footer.jsp");
    })
</script>
</body>
</html>

